'use strict'
import { View, ListView } from '../../component/index'
import globalStyle from '../css.css'
import style from './css.css'
import Descriptor from '../descriptor'
import Item from './Item'
import { dataSource } from './datas.json'

class ListViewTwoColumn extends React.Component {
  render () {
    return (
      <View className={globalStyle.example}>
        <ListView
          Item={Item}
          itemProp={{ className: style.towColumnItem }}
          dataSource={dataSource}
          itemKey="id"
          className={style.verticalScrollView}
          layoutClassName={style.twoColumn}>
        </ListView>
        <Descriptor
          title="双列布局"
        >
        通过`layoutClassName`设置列表层样式类名。---
        `itemProp`设置子节点组件属性可实现多列布局。
        </Descriptor>
      </View>

    )
  }
}
export default ListViewTwoColumn
